input[readonly="readonly"]
{
    background: #DEDEDE;
}

label 
{
    display: inline;
    font-family: Open Sans;
    font-size: 8pt;  
    line-height: 20px;
}

input < label
{
    display: inline;
}

/**
 * @package Buttons 
*/
.button, .button-field, .button-field-long
{        
    padding: 5px 10px;
    font-family:Open Sans;
    font-size: 8pt;   
    
    border-width: 0px;    
    
    display: block;
    margin: 5px auto;
    
    cursor: pointer;    
    
    position: relative;
}

.button-field-long
{
    height: 400px;
    width: auto;
    cursor: auto;
}
.button-field
{
    cursor: auto;
    width: auto;
    
}



/** Dark buttons **/
.dark
{
    background: #000000;
    color: #FFFFFF;
}

.dark-field
{
    background: #FFFFFF;
    color: #000000;
    font-family: Verdana;
    border: 1px solid #DEDEDE;
    
}

/** Edit buttons in table**/
.edit
{
    background: #CFCFCF;
    color: #FFFFFF;
    
    font-size: 7pt;
    padding: 2px 7px;
    
    border-radius: 2px 2px 2px 2px;
        
}
.edit:hover
{
    background: #2E2E2E;
}

/** blue button **/
.blue
{
    background: #289BD2;
     color: #FFFFFF; 
     cursor: pointer;
}
/** red buttons **/
.red
{
    background: #C24441;
     color: #FFFFFF;
     cursor: pointer;
}

.red-outline
{
    border-color: #C24441;
}

.gray-outline
{
    border: 1px solid #F2F2F2;
    box-shadow: inset 0px 0px 5px #FAFAFA;
}